// .bgcImg {
//   width: 100%;
//   height: 100vh;
//   max-height: 1000px;
//   min-height: 600px;
//   background-image: url('/static/img/carousel/STR_6.jpg');
//   background-position: center top;
//   background-size: cover;

//   .content {
//     position: absolute;
//     top: 50%;
//     left: 50%;
//     transform: translate(-50%, -50%);
//     color: #fff;
//     line-height: normal;
//     .title {
//       h3 {
//         color: #4cd3c2;
//         margin-bottom: 35px;
//         font-size: 70px;
//         font-weight: 500;
//       }
//       span {
//         font-size: 20px;
//         color: #ff5151;
//       }
//     }
//   }
// }

.common {
  max-width: 1200px;
  margin: 0 auto;
  .comm_main {
    max-width: 1200px;
    margin: 0 auto;
    .comm_home {
      .content {
        margin: -55px 25px 0 25px;
        border-radius: 10px;
        background-color: rgb(255, 255, 255);

        .recommend,
        .allArticle {
          padding-top: 0.1px;
          .head {
            font-size: 30px;
            margin: 10px 10px;
            .title {
              display: flex;
              flex-wrap: wrap;
              justify-content: space-between;
              .type {
                font-size: 20px;
              }
            }
            .search {
              vertical-align: text-bottom;
            }
          }
        }
      }
    }
  }
}


@media (max-width: 450px){
  .num,.type{
    width: 100%;
  }
}

.articleList {
  text-align: center;
    min-height: 160px;
  :global(.ant-spin){
    margin-top: 73px;
  }
  .list {
    width: 100%;
    transform: scale(1);
    transition: transform 0.5s cubic-bezier(.445,.05,.55,.95);
    > div {
      text-align: left;
      width: 100%;
    }
    .title {
      cursor: pointer;
      font-size: 25px;
      color: #1890ff;
    }
    .img {
      background-color: #ccc;
      background-position: center center;
      background-size: cover;
      height: 350px;
    }
    .msg {
      margin: 8px 0;
      color: #999;
      > span {
        margin-right: 25px;
        :global(.anticon){
          font-size: 16px;
          margin: 0 3px 0 0;
        }
      }
      > span:nth-child(3){
        :global(.anticon){
          vertical-align: middle;
          font-size: 19px;
          margin-top: -4px;
        }
        }
    }
    .lookContent {
      cursor: pointer;
      text-align: right;
      color: #1890ff;
    }
  }
}


.showImg{
  position: fixed;
  top: 0;
  z-index: 999;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  text-align: center;
  img{
    max-width: 90vw;
    max-height: 80vh;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
  }
}